<!DOCTYPE html>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%--
  Created by IntelliJ IDEA.
  User: User
  Date: 2023/6/13
  Time: 10:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<%--
  Created by IntelliJ IDEA.
  User: M
  Date: 2023/6/23
  Time: 11:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <link href="//unpkg.com/layui@2.8.6/dist/css/layui.css" rel="stylesheet">
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <style>
        .layui-table-box{
            /*width: 900px;*/
            /*padding-right: 200px;*/
        }
    </style>
</head>
<body>
<%--<div id="addForm" style="display: none;">--%>
<%--    <form class="layui-form layui-form-pane" id="fd" lay-filter="addForm">--%>
<%--        <div class="layui-form-item">--%>
<%--            <label class="layui-form-label">仓库编号</label>--%>
<%--            <div class="layui-input-block">--%>
<%--                <select name="storeNumber" id="storeNumber"></select>--%>
<%--            </div>--%>
<%--            <label class="layui-form-label">仓库区域</label>--%>
<%--            <div class="layui-input-block">--%>
<%--                <select name="storeAreaName" id="storeAreaName"></select>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--        <!-- 其他表单字段 -->--%>
<%--    </form>--%>
<%--    <form class="layui-form layui-form-pane" id="fm" lay-filter="addForm">--%>
<%--        <div class="layui-form-item">--%>
<%--            <label class="layui-form-label">入库时间</label>--%>
<%--            <div class="layui-input-block">--%>
<%--                <input type="date" id="inputTime" name="inputTime" lay-verify="required" placeholder="入库时间" autocomplete="off" class="layui-input">--%>
<%--            </div>--%>
<%--            <label class="layui-form-label">库存数量</label>--%>
<%--            <div class="layui-input-block">--%>
<%--                <input type="text" name="productionCount" lay-verify="required" placeholder="今日生产数量" autocomplete="off" class="layui-input">--%>
<%--            </div>--%>
<%--            <label class="layui-form-label">入库状态</label>--%>
<%--            <div class="layui-input-block">--%>
<%--                <select name="countStatus" id="countStatus"></select>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--        <!-- 其他表单字段 -->--%>
<%--    </form>--%>
</div>
<div class="layui-form layui-border-box layui-table-view" lay-filter="LAY-table-1" lay-id="demo" style=" height:312px;">
    <div class="layui-table-tool">
        <div class="layui-table-tool-temp">
            <div class="layui-btn-container">
                <%--                <button class="layui-btn layui-btn-sm" lay-event="customers" onclick=toAddClass()>--%>
                <%--                    添加</button>--%>
            </div>
        </div>
        <div class="layui-table-tool-self">
            <div class="layui-inline" title="筛选列" lay-event="LAYTABLE_COLS">
                <i class="layui-icon layui-icon-cols"></i>
            </div><div class="layui-inline" title="导出" lay-event="LAYTABLE_EXPORT">
            <i class="layui-icon layui-icon-export"></i></div><div class="layui-inline" title="打印" lay-event="LAYTABLE_PRINT">
            <i class="layui-icon layui-icon-print"></i></div></div></div><div class="layui-table-box"><div class="layui-table-header">
    <table cellspacing="0" cellpadding="0" border="0" class="layui-table"><thead><tr><th data-field="clientId" data-key="1-0-0" class=" layui-unselect">
    </table>
    <table id="demo" lay-filter="test"></table>
</div>
</div>
</div>

<script src="/layui/layui.js"></script>
<script>
    layui.use('table', function() {
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#demo'
            , height: 312
            , url: 'Product/StoreAreaWarehouseViewAll' //数据接口
            , page: true //开启分页
            , cols: [[ //表头
                {field: 'storeNumber', title: '仓库编号', width: 80},
                {field: 'storeAreaName', title: '仓库区域', width: 80},
                {field: 'inputTime', title: '入库时间', width: 120},
                {field: 'productionCount', title: '库存', width: 150},
                {field: 'countStatus', title: '清点状态状态', width: 150,templet:function(b){
                        if (b.countStatus=="1"){
                            return "未清点";
                        }else if (b.countStatus=="2"){
                            return "已清点";
                        }
                    }},
            ]]
        });
    })
</script>
<%--<script type="text/javascript">--%>
<%--</script>--%>
<%--<script type="text/html" id="toolbarDemo">--%>
<%--    <div class="layui-btn-container">--%>
<%--        <button class="layui-btn layui-btn-sm" lay-event="add" onclick="toAddClass()">添加</button>--%>
<%--    </div>--%>
<%--</script>--%>
<%--<script type="text/javascript">--%>
<%--    $(document).ready(function() {--%>
<%--        // 获取当前日期--%>
<%--        var currentDate = new Date();--%>
<%--        // 将日期格式化为字符串，如：YYYY-MM-DD--%>
<%--        var formattedDate = currentDate.toISOString().split('T')[0];--%>
<%--        // 设置默认值--%>
<%--        $('#inputTime').val(formattedDate);--%>
<%--    });--%>
<%--    </script>--%>
<%--<script type="text/javascript">--%>
<%--    getProdut();--%>
<%--    //订单编号--%>
<%--    function getProdut(){--%>
<%--        $.ajax( {--%>
<%--            "url"            :  "Product/toStoreAreaWarehouseView",--%>
<%--            "type"         :  "get",--%>
<%--            "data"         : {},--%>
<%--            "dataType" :  "json",--%>
<%--            // contentType:"application/json;charset=utf-8",--%>
<%--            "success"  :  function(result) {--%>
<%--                let optemp="  <option value='-1' >请选择</option>";--%>
<%--                for (let i in result){--%>
<%--                    optemp+=`--%>
<%--               <option value="\${result[i].storeNumber}">\${result[i].storeNumber}</option>--%>
<%--                `--%>
<%--                }--%>

<%--                $("#storeNumber").empty();--%>

<%--                $("#storeNumber").append(optemp);--%>

<%--            },--%>
<%--            "error"       :  function() {--%>
<%--                // alert("出错了")--%>
<%--            }--%>
<%--        } );--%>
<%--        $.ajax( {--%>
<%--            "url"            :  "Product/toStoreAreaWarehouseView",--%>
<%--            "type"         :  "get",--%>
<%--            "data"         : {},--%>
<%--            "dataType" :  "json",--%>
<%--            // contentType:"application/json;charset=utf-8",--%>
<%--            "success"  :  function(result) {--%>
<%--                let optemp1="  <option value='-1' >请选择</option>";--%>
<%--                for (let i in result){--%>
<%--                    optemp1+=`--%>
<%--               <option value="\${result[i].storeAreaName}">\${result[i].storeAreaName}</option>--%>
<%--                `--%>
<%--                }--%>

<%--                $("#storeAreaName").empty();--%>

<%--                $("#storeAreaName").append(optemp1);--%>

<%--            },--%>
<%--            "error"       :  function() {--%>
<%--                // alert("出错了")--%>
<%--            }--%>
<%--        } );--%>
<%--        $.ajax( {--%>
<%--            "url"            :  "Product/toStoreAreaWarehouseView",--%>
<%--            "type"         :  "get",--%>
<%--            "data"         : {},--%>
<%--            "dataType" :  "json",--%>
<%--            // contentType:"application/json;charset=utf-8",--%>
<%--            "success"  :  function(result) {--%>
<%--                let optemp="  <option value='-1' >请选择</option>";--%>
<%--                for (let i in result){--%>
<%--                    optemp+=`--%>
<%--               <option value="\${result[i].countStatus}">\${result[i].countStatus}</option>--%>
<%--                `--%>
<%--                }--%>

<%--                $("#countStatus").empty();--%>
<%--                $("#countStatus").append(optemp);--%>

<%--            },--%>
<%--            "error"       :  function() {--%>
<%--                // alert("出错了")--%>
<%--            }--%>
<%--        } );--%>
<%--    }--%>
<%--    function toAddClass(){--%>
<%--        var form = layui.form;--%>
<%--        form.render(null,'addForm');--%>
<%--        layer.open({--%>
<%--            type: 1,--%>
<%--            title: '添加',--%>
<%--            content: $("#addForm"),--%>
<%--            area: ['800px', '500px'], // 弹窗大小--%>
<%--            btn: ['确定', '取消'],--%>
<%--            yes: function(index, layero) {--%>
<%--                let data = {}--%>
<%--                let value = $("#fm").serializeArray()--%>
<%--                $.each(value, function(index, item) {--%>
<%--                    data[item.name] = item.value;--%>
<%--                });--%>
<%--                let Qua = JSON.stringify(data);--%>
<%--                isNullAllEmtype();--%>
<%--                $.ajax({--%>
<%--                    "url": "Product/toaddstoreAreaWare",--%>
<%--                    "type": "post",--%>
<%--                    "data": Qua,--%>
<%--                    "dataType": "json",--%>
<%--                    "contentType": "application/json;charset=utf-8",--%>
<%--                    "success": function(result) {--%>
<%--                        if (result.code == 313) {--%>
<%--                            alert("添加成功")--%>
<%--                        }--%>
<%--                    },--%>
<%--                    "error": function() {--%>
<%--                    }--%>
<%--                });--%>
<%--                layer.close(index); // 关闭弹窗--%>
<%--                var table = layui.table;--%>
<%--                table.reload('demo');--%>
<%--                console.log($("#fm"))--%>
<%--                $("#fm")[0].reset();--%>
<%--            }--%>
<%--        });--%>
<%--    }--%>
<%--    function isNullAllEmtype() {--%>
<%--        let storeNumber= $('[name=storeNumber]').val();--%>
<%--        let storeAreaName=$('[name=storeAreaName]').val();--%>
<%--        let inputTime=$('[name=inputTime]').val();--%>
<%--        let productionCount=$('[name=productionCount]').val();--%>
<%--        let countStatus=$('[name=countStatus]').val();--%>
<%--        if(storeNumber==null||storeNumber==""){--%>
<%--            alert("仓库编号不能为空")--%>
<%--            return false;--%>
<%--        }--%>
<%--        if(storeAreaName==null||storeAreaName==""){--%>
<%--            alert("仓库区域不能为空")--%>
<%--            return false;--%>
<%--        }--%>
<%--        if(inputTime==null||inputTime==""){--%>
<%--            alert("入库时间不能为空")--%>
<%--            return false;--%>
<%--        }--%>
<%--        if(productionCount==null||productionCount==""||productionCount<0){--%>
<%--            alert("库存数量不能为空")--%>
<%--            return false;--%>
<%--        } if(countStatus==null||countStatus==""||countStatus<0){--%>
<%--            alert("入库状态不能为空")--%>
<%--            return false;--%>
<%--        }--%>
<%--    }--%>
<%--</script>--%>
</body>
</html>